"use strict";

var _clusterize = require("clusterize.js/clusterize.js");

var _clusterize2 = _interopRequireDefault(_clusterize);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

(function () {
    var template = function template(self) {
        self.$scrollAreaId = "scrollAreaId" + Math.random().toString(36).substring(7);
        self.$scrollContentId = "scrollContentId" + Math.random().toString(36).substring(7);
        return "\n<div id=\"" + self.$scrollAreaId + "\" class=\"clusterize-scroll\">\n    <div id=\"" + self.$scrollContentId + "\" class=\"clusterize-content\">" + self.innerHTML + "</div>\n</div>\n        ";
    };

    document.auiDefineElement("aux-visual-scroll", {
        template: template,
        props: {},
        created: function created(self) {
            self.$ele.scrollArea = self.children[0];
            self.$ele.contentArea = self.$ele.scrollArea.children[0];
            self.$ele.noData = self.$ele.contentArea.children[0];
        },
        attached: function attached(self) {
            self.$control = new _clusterize2.default({
                scrollId: self.$scrollAreaId,
                contentId: self.$scrollContentId
            });
        }
    });
})();